<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML结构</title>
    <link rel="stylesheet" href="./day5.css">
</head>
<!-- <br> -->

<body>
    <h1 class="title">《前端小课》</h1>
    <h2>一本帮你入门与进阶的前端书
        <hr>
    </h2>
    <div class="code-bg">
        <code>
            const p = document.querySelector('p');
            p.onclick = function() {
                alert('噢，噢，噢，别点我了。');
            }
        </code>
    </div>
    <p>欢迎来到<a href="https://weibo.com/5953150140/profile/" title="微博"> Lefe </a>的前端小课，与 200 位好友共同进步，每天一课，坚持 20 天，掌握前端开发。</p>
    <h3>课程大纲</h3>
    <ol>
        <li>第一阶段开课啦</li>
        <li>HTML 5天课程</li>
        <li>CSS 15 天课程</li>
        <li>最后实践，交作业</li>
    </ol>
    <h3>关键字</h3>
    <ul>
        <li>前端小课</li>
        <li>图解数据结构与算法</li>
        <li>超越技术</li>
        <li>iOS知识小集</li>
    </ul>
    <h3>参与方式</h3>
    <p>关注素燕公众号，添加 wsy9871 微信，加入微信群。</p>
    <h3>合作伙伴</h3>
    <div><a href="https://lefex.github.io/" title="图解数据结构和算法">超越技术官网</a></div>
    <div><a href="https://awesome-tips.github.io/" title="iOS进价">知识小集官网</a></div>
</body>

</html>